﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{$GetSiteTitle}</title>
<link href="{$GetInstallDir}images/style.css" rel="stylesheet" type="text/css" />
{$GetMetaKeyWord}
{$GetMetaDescript}
<script type="text/javascript" src="{$GetInstallDir}ks_inc/jquery.js"></script>
<script type="text/javascript" src="{$GetInstallDir}ks_inc/common.js"></script>
<!--[if IE 6]>
<script src="{$GetInstallDir}js/iepng.js" type="text/javascript"></script>
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input'); 
</script>
<![endif]-->
</head>
<body>
{LB_头部通用}


<div class="indexfloor mainbox clearfix">
	<div class="hotbanner fl">
    	<input name="" value="0" type="text" id="bannerNum" style="display:none;">
    	<div class="hotimg clearfix">
    		<ul>
			{LB_首页_幻灯}
            </ul>
    	</div>
    	<div class="hotdot">
			{LB_首页_幻灯条数}
        </div>
        
    </div>
	<div class="hotnews fr">
    	<ul>
			{LB_首页_头条新闻}
        </ul>
    </div>	
</div>
<script>
$(function(){
	var wid =$(".hotimg li").width(); //alert(wid)
	var left = $(".hotimg ul").position().left;
	var len = $(".hotimg li").length;
	var i = $("#bannerNum").val();
	$(".hotdot a").click(function(){
		var i = $(this).index();
		$(this).addClass("on").siblings().removeClass("on");
		$("#bannerNum").val(i);
		left = "-" + wid*i;// alert(left)
		$(".hotimg ul").stop().animate({left:left});
	})
	
	//自动执行
	function bannerauto(){
		if(i<len-1){
			i++;
		}else{
			i=0;	
		}
		$("#bannerNum").val(i);
		left = "-" + wid*i;// alert(left)
		$(".hotimg ul").stop().animate({left:left});
		$(".hotdot a").eq(i).addClass("on").siblings().removeClass("on");
	};
	var time = setInterval(bannerauto,3000);		
	$(".hotbanner").hover(function(){
		clearInterval(time);
	},function(){
		time = setInterval(bannerauto,3000);		
	});
	
})
</script>
<!--indexfloor-->


<div class="indexfloor mainbox">
	<div class="box">
        <div class="indexlist">
            <div class="indextitle"><em><a href="/html/Special/" target="_blank">更多+</a></em><span>专题推荐</span></div>
            <div class="indexnews">
            	<ul>
					{LB_首页_专题推荐}
                </ul>
            </div>
        </div>
        <div class="indexlist">
            <div class="indextitle"><span>文章推荐</span></div>
            <div class="indexnews clearfix">
            	<ul>
					{LB_首页_文章推荐}
				
                </ul>
            </div>
            
            
        </div>
        <div class="indexlist">
            <div class="indextitle"><span>图文推荐</span></div>
            <div class="indexmarket">
            	<ul>
                	{LB_首页_图文推荐}
                
<!--                
                	<li>
                    	<span><font>06</font>03-2015</span>
                    	<a href="" target="_blank">如何快速搭建网校教育平台</a>
                   		<p>kesion网校系统V3.0是基于.NET架构，运行于MS平台上的应用软件，采用开放性结构，具有良好的兼容性，只要提供数据库接口就能轻易与各种</p>
                   </li>
                	<li>
                    	<span><font>06</font>03-2015</span>
                    	<a href="" target="_blank">如何快速搭建网校教育平台</a>
                   		<p>kesion网校系统V3.0是基于.NET架构，运行于MS平台上的应用软件，采用开放性结构，具有良好的兼容性，只要提供数据库接口就能轻易与各种</p>
                   </li>
                	<li>
                    	<span><font>06</font>03-2015</span>
                    	<a href="" target="_blank">如何快速搭建网校教育平台</a>
                   		<p>kesion网校系统V3.0是基于.NET架构，运行于MS平台上的应用软件，采用开放性结构，具有良好的兼容性，只要提供数据库接口就能轻易与各种</p>
                   </li>
                
-->            	</ul>
            </div>
        </div>
    </div>
</div>
<div class="advantage mainbox">{=GetAdvertise(36)}</div>
<div class="indexfloor clearfix mainbox">
	<div class="indexlist_l fl">
	    <div class="indexlist indexhigh">
            <div class="indextitle"><em><a href="{=GetClassUrl(719)}" target="_blank">更多+</a></em><span>下载频道</span></div>
            <div class="indexdown">
            	<ul>
					{LB_首页_下载频道}
            	</ul>
            </div>
        </div>
    	<div class="indexlist indexhigh">
            <div class="indextitle"><em><a href="{$GetInstallDir}ask/" target="_blank">更多+</a></em><span>问答</span></div>
            <div class="indexjob">
            	<ul>
                	{LB_首页_问答}
<!--
            		<li>
                    	<div class="pic"><a href="" target="_blank"><img src="http://demo.kesion.com/UploadFiles/2012-06/admin/2012060116372815588.gif"></a></div>
                        <div class="name"><a href="" target="_blank">超级玛丽</a></div>
                    </li>
-->  
            	</ul>
				<script>
					//图片垂直居中
					/*$(window).load(function(){
						var w = $(".indexgame ul li .pic").width();
						var w2 = $(".indexdown ul li .pic").width();
						$(".indexgame ul li .pic img").each(function(){
							var h = $(this).width()
							var m_l = (h-w)/2
							$(this).attr("style","margin-left:-"+m_l+"px;")
						});
						$(".indexdown ul li .pic img").each(function(){
							var h = $(this).width()
							var m_l = (h-w)/2
							$(this).attr("style","margin-left:-"+m_l+"px;")
						});				
						
						
					});*/
				</script>
            </div>
        </div>
        <div class="clear" style="height:15px;"></div>

    </div>	
	<div class="indexlist_r fr">
        <div class="indextitle"><em><a href="/club/" target="_blank">更多+</a></em><span>论坛</span></div>
    	<div class="indexjob">
        	<ul>
				{LB_首页_论坛}
            </ul>
        </div>
    </div>	
</div>

<div class="advantage mainbox">{=GetAdvertise(38)}</div>

<!--<div class="indexfloor mainbox">
    <div class="indextitle"><em><a href="{=GetClassUrl(926)}" target="_blank">更多+</a></em><span>商城系统</span></div>
	<div class="indexshop clearfix">
		<ul>
			{LB_首页_商城系统}
        </ul>
    </div>
</div>-->


<div class="indexfloor mainbox">
    <div class="indextitle"><em><a href="{=GetClassUrl(694)}" target="_blank">更多+</a></em><span>图片系统</span></div>
	<div class="indexprint">
		<ul>
			{LB_首页_图片系统}
		</ul>
    </div>
</div>
{LB_尾部通用}
</body>
</html>
